<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>小视频编辑</title>


    <!-- Expand styles -->
    <link href="../css/app/app.css" rel="stylesheet">
    <link href="../css/app/default.css" rel="stylesheet">
    <link href="../css/mui/mui.css" rel="stylesheet">
    <link href="../css/mui/mui.picker.min.css" rel="stylesheet" />


    <!-- Custom styles for this template -->
    <!-- <link href="../css/iOS/mobile/mobile.css" rel="stylesheet"> -->
</head>

<body>

    <!-- header -->
    <div class="margin-b-60">
        <div class="widget-default trade-list">
            <!-- <div class="video-shade1"></div> -->
            <div class="position-open1">
                <img class="open-img" src="../img/open.png" alt="">
            </div>
            <!-- <video width="100%" height="177" controls autoplay>
                <source src="../text.mp4" type="video/ogg" />
                您的浏览器不支持Video标签。
            </video> -->
            <div class='height177 width-100'>
                <img class='height177 width-100' src="../img/a.png" alt="">
            </div>

        </div>

        <div class="list-group patient-list1 margin-b-i10">
            <div class="list-cell text-cell list-cell1">
                <div class="web-box1 list-left">标签</div>
                <div class="web-box2 nk-s text-right list-right" id="btn1">
                    <div class="display-flex align-items-center justify-content-center">
                        <input type="text" placeholder="请选择标签">
                        <!-- <span>请选择标签</span> -->
                        <img class="sele-icon" src="../img/next.png" />
                    </div>
                </div>
            </div>
            <div class="list-cell text-cell list-cell1">
                <div class="web-box1 list-left">标题</div>
                <div class="web-box2 nk-s text-right list-right"><input type="text" placeholder="请输入标题">
                </div>
            </div>
        </div>
        <div class="widget-default widget-body margin-b-10">

            <div class="web-box1 list-left font-15 black">简介</div>
            <div class="list-right">
                <textarea class="no-margin info-textarea" type="text" placeholder="简单介绍一下你的视频吧！"></textarea>
            </div>

        </div>

        <div class="widget-default widget-body">
            <div class="web-box1 list-left padding-b-10 font-15 black">上传封面</div>
            <div class="list-right">
                <img class="ser-img1" src="../img/add-img.png" alt="">
            </div>

        </div>


    </div>


    <div class="save-btn hobby-footer1">
        <button type="button" class="mui-btn mui-btn-primary mui-btn-block bc-head">发布</button>
    </div>


    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/mui/mui.js"></script>
    <script type="text/javascript" src="../js/mui/mui.picker.min.js"></script>
    <script>
        $("#btn1").on("tap", function () {
            var picker = new mui.PopPicker();
            picker.setData([{
                    value: "zz",
                    text: "智子",
                    children: [{
                        value: "zz",
                        text: "智子",
                    }]
                },
                {
                    value: "second",
                    text: "第一项"
                }
            ]);
            picker.show(function (selectItems) {
                console.log(selectItems[0].text); //智子
                console.log(selectItems[0].value); //zz
            });
        });
    </script>

</body>

</html>